<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-4.7.0/css/font-awesome.css" />
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/vue.min.js"></script>
    <script type="text/javascript" src="../script/zepto.min.js"></script>
      <script type="text/javascript" src="../script/fastclick.js"></script>
    <script type="text/javascript" src="../script/app.js"></script>
    <script type="text/javascript" src="../script/index.js" ></script>
    <style type="text/css">
        #classify {
            color: #ffffff !important;
        }
    </style>
</head>
<body >
  <div class="page" id="pageIndex">
  <header class="aui-bar aui-bar-nav aui-bg-yellow" id="aui-header">
      <a class="aui-btn aui-pull-left"   >
         商户:{{data.store_name}}
      </a>
      <a class="aui-btn aui-pull-right" >
        账号:{{userInfo.name}}
      </a>
  </header>

    <section class="aui-content ">
      <div class="incomeBox aui-bg-yellow">
       <div  class="color_2">今日收款<span class='num'> {{data.today_order_count}} </span>笔，合计</div>
       <div class="money">{{data.today_order_amount}}</div>
       <div class="color_2">昨日收款<span class='num'> {{data.yesterday_order_count}} </span>笔<span class='num'> {{data.yesterday_order_amount}} </span>元</div>
      </div>

        <div class="aui-grid aui-bg-yellow">
            <div class="aui-row" id="classify">
              <div class="aui-col-xs-3" onclick="openFrame('FNScanner','./FNScanner.html',0)">
                  <i class="aui-iconfont aui-icon-camera"></i>
                  <div class="aui-grid-label">扫一扫</div>
              </div>
                <div class="aui-col-xs-3" onclick="openFrame('money','./money.html',0)">
                    <i class="aui-iconfont aui-icon-image"></i>
                    <div class="aui-grid-label">收款</div>
                </div>
                <div class="aui-col-xs-3" onclick="openFrame('order','./order.html',1)">
                    <i class="aui-iconfont aui-icon-menu"></i>
                    <div class="aui-grid-label">订单流水</div>
                </div>
                <div class="aui-col-xs-3">
                    <!-- <div class="aui-badge">新</div> -->
                    <i class="aui-iconfont aui-icon-pencil"></i>
                    <div class="aui-grid-label">结算记录</div>
                </div>

            </div>
        </div>
    </section>
    <section class="aui-content aui-margin-b-10">
        <div class="aui-grid">
            <div class="aui-row">
               <template v-for="(item,index) in urls">
                <div class="aui-col-xs-3" @click="openUrl(item.url,item.name)">
                    <div class="aui-badge" v-if="item.badge" style="left:50%">{{item.badge}}</div>
                    <i :class="'aui-iconfont '+item.icon+' aui-text-color_3'"></i>
                    <div class="aui-grid-label">{{item.name}}</div>
                </div>
                  <div  v-if="(index+1)%4===0" class="aui-hr aui-clearfix"></div>
              </template>


            </div>
        </div>
    </section>

<!-- 最近使用 -->
    <section class="aui-content aui-margin-b-10" v-if="leastUrls.length>0">

        <div class="aui-grid">
            <div class="aui-row">
               <h3 class="aui-row-title">最近使用</h3>

              <div class="least-recently-used">
                <template v-for="(item,index) in leastUrls">
                   <div class="used-item"  @click="openUrl(item.url,item.name,item.id)">
                     <i :class="'aui-iconfont '+item.icon+' aui-text-color_3'" aria-hidden="true"></i>
                     <div class="aui-grid-label">{{item.name}}</div>
                   </div>
                </template>

                </div>

            </div>
        </div>
    </section>


  </div>
</body>


</html>
